<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="description" content="新网页设计师。web标准的教程站点，推动web标准在中国的应用" />
<meta name="keywords" content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" />
<meta name="robots" content="all" />
<meta name="googlebot" content="all" />
<link rel="icon" type="image/x-icon" href="http://static.sns.com/i_v1271865121/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="http://static.sns.com/i_v1271865121/favicon.ico" />
<link rel="apple-touch-icon" href="http://static.sns.com/i_v1271865121/apple-touch-icon.png" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="http://static.test.com/style/v1/base.css" />
<script language="javascript" src="/js/lib/jquery.js"></script>
<script language="javascript" src="/js/web.calendar.js"></script>
<script language="javascript" src="/js/web.autocomplete.js"></script>
<script language="javascript" src="/js/web.friends.js"></script>
<script language="javascript" src="/js/web.popup.js"></script>
<script language="javascript">
var Client = {
  viewportWidth: function() {
	return self.innerWidth || (document.documentElement.clientWidth || document.body.clientWidth);
  },

  viewportHeight: function() {
	return self.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight);
  },

  viewportSize: function() {
	return { width: this.viewportWidth(), height: this.viewportHeight() };
  }
};


function cTest(obj)
{
	//var c = new web.util.Calendar();
	/*
	new web.util.Calendar().show(obj, {}, function(date){
		$("f_date").value = date.sYear+"-"+date.sMonth+"-"+date.sDay;
	});
	*/
	
	alert(obj.getBoundingClientRect().left);
}


$(function(){
	var calendar = new web.Calendar();
	calendar.bind('start_date', 'calendar_start_date');
	calendar.bind('end_date', 'calendar_end_date', '2010-8-10', '2010-8-20');
	
	var auto = new web.AutoComplete();
	auto.bind('auto_drop_city', {msg:'输入中文/拼音或按↑↓键选择', getData:function(){
		var _data = [{p:'Beijing',n:'北京'},{p:'Shanghai',n:'上海'},{p:'Shenzhen',n:'深圳'},
					 {p:'Guangzhou',n:'广州'},{p:'Qingdao',n:'青岛'},{p:'Chengdu',n:'成都'},
					 {p:'Hangzhou',n:'杭州'},{p:'Wuhan',n:'武汉'},{p:'Tianjin',n:'天津'},
					 {p:'Dalian',n:'大连'},{p:'Xiamen',n:'厦门'},{p:'Chongqing',n:'重庆'}
					];
		this._clearList();
		for (var i=0; i<_data.length; i++) {
			this._addList($('<a href="javascript:{};"><span>'+ _data[i].p +'</span>'+ _data[i].n +'</a>'), _data[i].n);
		}
		this._show();
	},
	setData:function(v) {
		this._setInputVal(v);
	}});
	
	var popup = new web.Popup();
	var friends = new web.Friends();
	friends.setObject(popup, auto);
	friends.bind("friend_selecter", {inSelId:'sned_girl_friends', maxSel:5});
	friends.bind("party_friend", {inSelId:'party_go_friends'});
	
	//http://old.sns.com/member/ajax_friend.php?op=friend_select_ui
});


</script>
<style type="text/css" media="all">
.tab_form {
}
.tab_form td {
	padding:10px 5px 10px 0;
}
.drop_list_body a {
	padding:2px 5px 2px 5px;
	width:200px;
	line-height:20px;
	min-height:20px;
	text-align:right;
	cursor:pointer;
	color:#0055aa;
	display:block;
	text-decoration:none;
}
.drop_list_body span {
	margin: 0px;
	padding: 0px;
	float:left;
	text-align:left;
}
.drop_list_body a:hover {
	background:#E7F1FD;
}
.drop_list_body a.selected {
	background:#E7F1FD;
}


.mBlogLayer { position:absolute; background-color:#FFF;}

.mBlogLayer .top_c,.mBlogLayer .bottom_c,.mBlogLayer .mid_l,.mBlogLayer .mid_r{height:5px;background:url(http://timg.sjs.sinajs.cn/t3/style/images/common/layer/wraplayer_09.png);_background:url(http://timg.sjs.sinajs.cn/t3/style/images/common/layer/wraplayer_09.gif);_filter:alpha(opacity=70);}
.mBlogLayer .mid_c{background:#fff;}
.mBlogLayer .top_r,.mBlogLayer .top_l,.mBlogLayer .bottom_l,.mBlogLayer .bottom_r{width:5px;height:5px;background:url(http://timg.sjs.sinajs.cn/t3/style/images/common/header/logoNew_nocache.png) no-repeat;_background:url(http://timg.sjs.sinajs.cn/t3/style/images/common/new_index_bg.png) no-repeat;}
.mBlogLayer .top_l{background-position:0 -304px;_background-position:0 -142px;}
.mBlogLayer .top_r{background-position:-5px -304px;_background-position:-5px -142px;}
.mBlogLayer .bottom_l{background-position:0 -309px;_background-position:0 -147px;}
.mBlogLayer .bottom_r{background-position:-5px -309px;_background-position:-5px -147px;}
.mBlogLayer .layerBox{border:1px solid #7F9DB9;}
.mBlogLayer .layerBox .layerBoxTop{height:27px;line-height:27px;padding:1px;}
.mBlogLayer .layerBox .layerBoxTop .topCon{position:relative;background:url(http://timg.sjs.sinajs.cn/t3/style/images/common/layer/layerctbg.gif) repeat-x;height:27px;line-height:27px;padding:0 10px;}

.mBlogLayer .phiz_layerN .layerBoxTop{height:27px;line-height:27px;padding:1px 0 0 0;width:100%;}
.mBlogLayer .phiz_layerN .layerBoxTop .topCon{background:url(http://timg.sjs.sinajs.cn/t3/style/images/common/layer/magic_tbg01.gif) repeat-x center bottom;height:27px;line-height:27px;overflow:hidden;padding:0 8px 0 0;width:442px;}

.layerBoxTop .topCon strong{float:left;font-weight:bold;}
.layerBoxTop .topCon span{float:right;padding-right:20px;}
.layerBoxTop a.close{position:absolute;right:9px;top:9px;width:8px;height:7px;overflow:hidden;background:url(http://timg.sjs.sinajs.cn/t3/style/images/common/gnb/gnbimgs.gif) no-repeat 0 -193px;}
.layerBoxTop a.close:hover{background-position:-8px -193px;}

.phiz_layerN .phiz_menu{float:left;_width:170px;height:27px;padding-left:8px;position:absolute;}
.phiz_layerN .phiz_menu .cur{background:url(http://timg.sjs.sinajs.cn/t3/style/images/common/layer/magic_tbg02.gif) repeat-x center top;border:1px solid #D1E0E7;border-bottom:0;}
.phiz_layerN .phiz_menu li{float:left;height:25px;line-height:25px;overflow:hidden;padding:0 10px;margin-top:1px;overflow:hidden;}
.phiz_layerN .phiz_menu .magic{padding-left:32px;position:relative;}
.phiz_layerN .phiz_menu .magic strong{position:absolute;top:5px;left:10px;background:url(http://timg.sjs.sinajs.cn/t3/style/images/common/layer/magic_icon.gif) no-repeat;display:block;width:17px;height:15px;}

.magicT{background:url(http://timg.sjs.sinajs.cn/t3/style/images/common/layer/magic_tbg03.gif) repeat-x center bottom;height:28px;line-height:28px;overflow:hidden;}
.magicT .magicTL{float:left;width:393px;overflow:hidden;position:relative;margin:0 6px 0 8px;display:inline;}
.magicT .magicTL ul{width:100%;height:28px;position:relative;}
.magicT .magicTR{float:right;width:30px;padding:7px 6px 0 0;}
.magicT .magicTR a{display:block;width:13px;height:13px;background:url(http://timg.sjs.sinajs.cn/t3/style/images/common/layer/magic_btn.gif) no-repeat;float:left;margin-right:2px;}
.magicT .magicTR a.magicbtnL01{background-position:0 0;}
.magicT .magicTR a.magicbtnR01{background-position:-15px 0;}
.magicT .magicTR a.magicbtnL02:link,.magicT .magicTR a.magicbtnL02:visited{background-position:-43px 0;}
.magicT .magicTR a.magicbtnL02:hover{background-position:-83px 0;}
.magicT .magicTR a.magicbtnL02:active{background-position:-125px 0;}
.magicT .magicTR a.magicbtnR02:link,.magicT .magicTR a.magicbtnR02:visited{background-position:-58px 0;}
.magicT .magicTR a.magicbtnR02:hover{background-position:-98px 0;}
.magicT .magicTR a.magicbtnR02:active{background-position:-140px 0;}
.magicT .magicTL li{float:left;}
.magicT .magicTL li.magiclicur{font-size:0;background:#D5E1EA;width:1px;margin-top:9px;height:10px;line-height:0;overflow:hidden;margin-right:6px;}
.magicT .magicTL li a{margin-right:6px;font-size:12px;border:1px solid #F4F7FA;padding:2px 4px 1px 4px;}
.magicT .magicTL li a.magicTcur{border:1px solid #CFDDE7;background:#F9FAFC;color:#353535;cursor:default;text-decoration:none;}
.magicT .magicTL li a.magicTcur:hover{text-decoration:none;}
.phiz_layerN .faceItemPicbg li,.phiz_layerN .faceItemPicbgT li{float:left;height:28px;width:28px;padding:0 1px 1px 0;overflow:hidden;}
.phiz_layerN .faceItemPicbg{width:440px;overflow:hidden;margin:10px 0 0 8px;}
.phiz_layerN .faceItemPicbg li a:link,.phiz_layerN .faceItemPicbg li a:visited{width:26px;height:26px;text-align:center;display:block;border:1px solid #EDEDED;overflow:hidden;}
.phiz_layerN .faceItemPicbg li a:hover{border:1px solid #FCE0C3;background:#FFF9EC;}
.phiz_layerN .faceItemPicbgT{width:440px;overflow:hidden;margin:10px 0 0 8px;}
.phiz_layerN .faceItemPicbgT a{width:26px;height:26px;text-align:center;display:block;border:1px solid #FCE0C3;background:#FFF9EC;overflow:hidden;}
.phiz_layerN .layerBoxTop{position:relative;}
.phiz_layerN .layerArrow{left:25px;}
.phiz_layerN .clearit{height:0;overflow:hidden;line-height:0;font-size:0;}
.phiz_layerN .pages{clear:both;float:right;height:15px;padding:2px 10px 14px 0;}
.phiz_layerN .pages a{display:block;float:left;height:15px;margin:0 1px 0 0;padding:0 6px;line-height:15px;background:#f6f6f6;}
.phiz_layerN .pages .cur{font-weight:bold;background:#fff;}
.phiz_layerN .pages .cur:link,.phiz_layer .pages .cur:visited{color:#333;}
.phiz_layerN .pages .cur:hover{color:#333;text-decoration:none;cursor:text;}
.phiz_layerN .hot{clear:both;padding:0 0 0 10px;}
.phiz_layerN .more_box{width:100%;overflow:hidden;margin:5px 0 0;padding:6px 0 8px;background:#f1f1f1;}
.phiz_layerN .more_box .more_menu{clear:both;height:20px;overflow:hidden;padding:0 10px;}
.phiz_layerN .magic_tit{clear:both;height:14px;padding:10px 10px 5px 0;text-align:right;}
.phiz_layerN .magicB{padding:10px;height:15px;overflow:hidden;}
.phiz_layerN .magicB .magic_tit{clear:both;height:14px;padding:0;text-align:left;float:left;color:#969696;}
.phiz_layerN .magicB .pages{clear:none;float:right;height:15px;padding:0;}
.phiz_layerN .magic_list{clear:both;width:442px;overflow:hidden;padding:3px 0 0 8px;}
.phiz_layerN .magic_list li{position:relative;float:left;width:52px;height:70px;overflow:hidden;margin:7px 11px 0 0;text-align:center;}
.phiz_layerN .magic_list .face_box{display:block;height:50px;width:50px;overflow:hidden;border:solid 1px #ededed;}
.phiz_layerN .magic_list .face_box img{display:block;height:50px;width:50px;border:none;}
.phiz_layerN .magic_list .face_box:hover{border-color:#6c0;}
.phiz_layerN .play_btn{display:-moz-inline-stack;display:inline-block;height:13px;width:14px;margin:0 2px;background:url(http://timg.sjs.sinajs.cn/t3/style/images/common/layer/magic_play.gif) no-repeat 0 0;vertical-align:top;}
.phiz_layerN .play_btn2{display:-moz-inline-stack;display:inline-block;height:14px;width:10px;margin:0 2px;*margin-top:-2px;background:url(http://timg.sjs.sinajs.cn/t3/style/images/common/layer/magic_play2.gif) no-repeat 0 center;vertical-align:top;}
.phiz_layerN .magic_list .play_btn{position:absolute;right:1px;bottom:20px;_bottom:19px;display:block;}
.phiz_layerN .magic_list .play_btn:hover{background-position:right top;}
.phiz_layerN .more_box .face_box{border-color:#f1f1f1;}
.phiz_layerN .magic_list .face_box_tex{color:#808080;display:block;padding-top:3px;cursor:pointer;}
.phiz_layerN .magic_list2{clear:both;width:442px;overflow:hidden;padding:3px 0 0 8px;}
.phiz_layerN .magic_list2 li{position:relative;float:left;width:52px;height:54px;overflow:hidden;margin:7px 11px 0 0;text-align:center;}
.phiz_layerN .magic_list2 .face_box{display:block;height:50px;width:50px;overflow:hidden;border:solid 1px #ededed;}
.phiz_layerN .magic_list2 .face_box img{display:block;height:50px;width:50px;}
.phiz_layerN .magic_list2 .face_box:hover{border-color:#6c0;}
.phiz_layerN .local_pic{padding:30px 0;text-align:center;}
.phiz_layerN .btn_green input{-moz-opacity:0;filter:alpha(opacity=0);opacity:0;background:transparent;border:none;cursor:pointer;height:29px;left:-4px;position:absolute;top:0;width:108px;cursor:pointer;}
.phiz_layerN .local_pic p.gray9{padding:10px 0 0 0;}
.phiz_layerN .pages .cur:link,.phiz_layerN .pages .cur:visited{color:#333;}


</style>
<script language="javascript">
</script>
</head>
<body>
<p style="margin:20px 0;">&nbsp;</p>
<table width="800" border="0" cellpadding="5" cellspacing="0" align="center" class="tab_form form_table">
  <tr>
    <td><table width="98%" border="0" cellpadding="5" cellspacing="0">
        <tr>
          <td align="right"><em class="required">*</em>开始日期：</td>
          <td><div id="calendar_start_date" class="input_calendar" onmouseout="$(this).removeClass('form_focus');" onmouseover="$(this).addClass('form_focus');" style="width:150px;">
              <input type="text" id="start_date" name="textfield"  readonly="readonly" value="2010-2-18" />
              <em title="选择日期">日历</em></div></td>
        </tr>
      </table>
  </tr>
</table>
<div class="mBlogLayer" style="left:100px; top:200px;">
<div class="layerBox phiz_layerN">
  <div class="layerBoxTop">
    <div class="topCon">
      <ul class="phiz_menu">
        <li class="cur"><a onclick="this.blur();return false;" href="#">常用表情</a></li>
        <li class="magic" act="topTab"><a onclick="this.blur();return false;" href="#"><strong></strong>魔法表情</a></li>
      </ul>
    </div>
  </div>
  <div class="magicT">
    <div class="magicTL">
      <ul>
        <li style="visibility: visible;"><a href="#" onclick="return false;" class="magicTcur">默认</a></li>
        <li style="visibility: visible;" class="magiclicur">|</li>
        <li style="visibility: visible;"><a href="#" onclick="return false;">心情</a></li>
        <li style="visibility: visible;" class="magiclicur">|</li>
        <li style="visibility: visible;"><a href="#" onclick="return false;">休闲</a></li>
        <li style="visibility: visible;" class="magiclicur">|</li>
        <li style="visibility: visible;"><a href="#" onclick="return false;">搞怪</a></li>
        <li style="visibility: visible;" class="magiclicur">|</li>
        <li style="visibility: visible;"><a href="#" onclick="return false;">爱心</a></li>
        <li style="visibility: visible;" class="magiclicur">|</li>
        <li style="visibility: visible;"><a href="#" onclick="return false;">天气</a></li>
        <li style="visibility: visible;" class="magiclicur">|</li>
        <li style="visibility: visible;"><a href="#" onclick="return false;">星座</a></li>
        <li style="visibility: visible;" class="magiclicur">|</li>
        <li style="visibility: visible;"><a href="#" onclick="return false;">小新小浪</a></li>
        <li style="visibility: hidden; display: none;" class="magiclicur">|</li>
        <li style="visibility: hidden; display: none;"><a href="#" onclick="return false;">悠嘻猴</a></li>
        <li style="visibility: hidden; display: none;" class="magiclicur">|</li>
        <li style="visibility: hidden; display: none;"><a href="#" onclick="return false;">蘑菇点点</a></li>
        <li style="visibility: hidden; display: none;" class="magiclicur">|</li>
        <li style="visibility: hidden; display: none;"><a href="#" onclick="return false;">张小盒</a></li>
        <li style="visibility: hidden; display: none;" class="magiclicur">|</li>
        <li style="visibility: hidden; display: none;"><a href="#" onclick="return false;">阿狸</a></li>
      </ul>
    </div>
    <div class="magicTR"><a title="上一页" class="magicbtnL01" onclick="return false;" href="#"></a><a class="magicbtnR02" title="下一页" onclick="return false;" href="#"></a></div>
    <div class="clear"></div>
  </div>
  <div style="width: 450px;" class="layerBoxCon">
    <div class="faceItemPicbgT" style="">
      <ul>
        <li title="月饼"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/96/mooncake3_thumb.gif"></a></li>
        <li title="moon1"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/5d/moon1_thumb.gif"></a></li>
        <li title="团"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/11/tuan_thumb.gif"></a></li>
        <li title="圆"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/53/yuan_thumb.gif"></a></li>
        <li title="酒壶"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/64/wine_thumb.gif"></a></li>
        <li title="了不起"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/c3/liaobuqi_thumb.gif"></a></li>
        <li title="欢乐"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/66/guanbuzhao_thumb.gif"></a></li>
        <li title="左抱抱"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/54/left_thumb.gif"></a></li>
        <li title="右抱抱"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/0d/right_thumb.gif"></a></li>
        <li title="团圆月饼"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/e6/tuanyuan_thumb.gif"></a></li>
        <li title="织"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/41/zz2_thumb.gif"></a></li>
        <li title="围观"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/f2/wg_thumb.gif"></a></li>
        <li title="威武"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/70/vw_thumb.gif"></a></li>
        <li title="爱心专递"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/c9/axcd_thumb.gif"></a></li>
        <li title="奥特曼"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/bc/otm_thumb.gif"></a></li>
      </ul>
      <div class="clearit"></div>
    </div>
    <div class="faceItemPicbg">
      <ul>
        <li title="呵呵"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/eb/smile.gif"></a></li>
        <li title="嘻嘻"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/c2/tooth.gif"></a></li>
        <li title="哈哈"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/6a/laugh.gif"></a></li>
        <li title="爱你"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/7e/love.gif"></a></li>
        <li title="晕"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/a4/dizzy.gif"></a></li>
        <li title="泪"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/d8/sad.gif"></a></li>
        <li title="馋嘴"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/b8/cz_thumb.gif"></a></li>
        <li title="抓狂"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/4d/crazy.gif"></a></li>
        <li title="哼"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/19/hate.gif"></a></li>
        <li title="可爱"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/9c/tz_thumb.gif"></a></li>
        <li title="怒"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/57/angry.gif"></a></li>
        <li title="汗"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/13/sweat.gif"></a></li>
        <li title="困"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/8b/sleepy.gif"></a></li>
        <li title="害羞"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/05/shame_thumb.gif"></a></li>
        <li title="睡觉"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/7d/sleep_thumb.gif"></a></li>
        <li title="钱"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/90/money_thumb.gif"></a></li>
        <li title="偷笑"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/7e/hei_thumb.gif"></a></li>
        <li title="酷"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/40/cool_thumb.gif"></a></li>
        <li title="衰"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/af/cry.gif"></a></li>
        <li title="吃惊"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/f4/cj_thumb.gif"></a></li>
        <li title="闭嘴"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/29/bz_thumb.gif"></a></li>
        <li title="鄙视"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/71/bs2_thumb.gif"></a></li>
        <li title="挖鼻屎"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/b6/kbs_thumb.gif"></a></li>
        <li title="花心"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/64/hs_thumb.gif"></a></li>
        <li title="鼓掌"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/1b/gz_thumb.gif"></a></li>
        <li title="失望"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/0c/sw_thumb.gif"></a></li>
        <li title="思考"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/e9/sk_thumb.gif"></a></li>
        <li title="生病"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/b6/sb_thumb.gif"></a></li>
        <li title="亲亲"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/8f/qq_thumb.gif"></a></li>
        <li title="怒骂"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/89/nm_thumb.gif"></a></li>
        <li title="太开心"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/58/mb_thumb.gif"></a></li>
        <li title="懒得理你"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/17/ldln_thumb.gif"></a></li>
        <li title="右哼哼"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/98/yhh_thumb.gif"></a></li>
        <li title="左哼哼"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/6d/zhh_thumb.gif"></a></li>
        <li title="嘘"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/a6/x_thumb.gif"></a></li>
        <li title="委屈"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/73/wq_thumb.gif"></a></li>
        <li title="吐"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/9e/t_thumb.gif"></a></li>
        <li title="可怜"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/af/kl_thumb.gif"></a></li>
        <li title="打哈气"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/f3/k_thumb.gif"></a></li>
        <li title="做鬼脸"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/88/zgl_thumb.gif"></a></li>
        <li title="握手"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/0c/ws_thumb.gif"></a></li>
        <li title="耶"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/d9/ye_thumb.gif"></a></li>
        <li title="good"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/d8/good_thumb.gif"></a></li>
        <li title="弱"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/d8/sad_thumb.gif"></a></li>
        <li title="不要"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/c7/no_thumb.gif"></a></li>
        <li title="ok"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/d6/ok_thumb.gif"></a></li>
        <li title="赞"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/d0/z2_thumb.gif"></a></li>
        <li title="来"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/40/come_thumb.gif"></a></li>
        <li title="蛋糕"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/6a/cake.gif"></a></li>
        <li title="心"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/6d/heart.gif"></a></li>
        <li title="伤心"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/ea/unheart.gif"></a></li>
        <li title="钟"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/d3/clock_thumb.gif"></a></li>
        <li title="猪头"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/58/pig.gif"></a></li>
        <li title="咖啡"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/64/cafe_thumb.gif"></a></li>
        <li title="话筒"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/1b/m_thumb.gif"></a></li>
        <li title="干杯"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/bd/cheer.gif"></a></li>
        <li title="绿丝带"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/b8/green.gif"></a></li>
        <li title="蜡烛"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/cc/candle.gif"></a></li>
        <li title="微风"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/a5/wind_thumb.gif"></a></li>
        <li title="月亮"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/b9/moon.gif"></a></li>
      </ul>
      <div class="clearit"></div>
    </div>
    <div class="magicB">
      <div style="display: none;" class="magic_tit">点击<em class="play_btn2"></em>预览魔法动画</div>
      <div class="pages" style="display: none;"><a onclick="return false;" href="#" class="cur">1</a></div>
    </div>
  </div>
</div>
</div>

<div class="mBlogLayer" style="left:600px; top:200px;">
<div class="layerBox phiz_layerN">
  <div class="layerBoxTop">
    <div class="topCon">
      <ul class="phiz_menu">
        <li class=""><a onclick="this.blur();return false;" href="#">常用表情</a></li>
        <li class="magic cur" act="topTab"><a onclick="this.blur();return false;" href="#"><strong></strong>魔法表情</a></li>
      </ul>
    </div>
  </div>
  <div class="magicT">
    <div class="magicTL">
      <ul>
        <li style="visibility: visible;"><a href="#" onclick="return false;" class="magicTcur">默认</a></li>
        <li style="visibility: visible;" class="magiclicur">|</li>
        <li style="visibility: visible;"><a href="#" onclick="return false;">心情</a></li>
        <li style="visibility: visible;" class="magiclicur">|</li>
        <li style="visibility: visible;"><a href="#" onclick="return false;">搞怪</a></li>
        <li style="visibility: visible;" class="magiclicur">|</li>
        <li style="visibility: visible;"><a href="#" onclick="return false;">浪漫爱情</a></li>
        <li style="visibility: visible;" class="magiclicur">|</li>
        <li style="visibility: visible;"><a href="#" onclick="return false;">时尚</a></li>
        <li style="visibility: visible;" class="magiclicur">|</li>
        <li style="visibility: visible;"><a href="#" onclick="return false;">闯堂兔</a></li>
        <li style="visibility: visible;" class="magiclicur">|</li>
        <li style="visibility: visible;"><a href="#" onclick="return false;">小新小浪</a></li>
        <li style="visibility: visible; display: none;" class="magiclicur">|</li>
        <li style="visibility: hidden; display: none;"><a href="#" onclick="return false;">张小盒</a></li>
        <li style="visibility: hidden; display: none;" class="magiclicur">|</li>
        <li style="visibility: hidden; display: none;"><a href="#" onclick="return false;">旺狗</a></li>
        <li style="visibility: hidden; display: none;" class="magiclicur">|</li>
        <li style="visibility: hidden; display: none;"><a href="#" onclick="return false;">悠嘻猴</a></li>
        <li style="visibility: hidden; display: none;" class="magiclicur">|</li>
        <li style="visibility: hidden; display: none;"><a href="#" onclick="return false;">阿狸</a></li>
      </ul>
    </div>
    <div class="magicTR"><a title="上一页" class="magicbtnL01" onclick="return false;" href="#"></a><a class="magicbtnR02" title="下一页" onclick="return false;" href="#"></a></div>
    <div class="clear"></div>
  </div>
  <div style="width: 450px;" class="layerBoxCon">
    <div class="faceItemPicbgT" style="display: none;">
      <ul>
        <li title="月饼"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/96/mooncake3_thumb.gif"></a></li>
        <li title="moon1"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/5d/moon1_thumb.gif"></a></li>
        <li title="团"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/11/tuan_thumb.gif"></a></li>
        <li title="圆"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/53/yuan_thumb.gif"></a></li>
        <li title="酒壶"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/64/wine_thumb.gif"></a></li>
        <li title="了不起"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/c3/liaobuqi_thumb.gif"></a></li>
        <li title="欢乐"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/66/guanbuzhao_thumb.gif"></a></li>
        <li title="左抱抱"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/54/left_thumb.gif"></a></li>
        <li title="右抱抱"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/0d/right_thumb.gif"></a></li>
        <li title="团圆月饼"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/e6/tuanyuan_thumb.gif"></a></li>
        <li title="织"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/41/zz2_thumb.gif"></a></li>
        <li title="围观"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/f2/wg_thumb.gif"></a></li>
        <li title="威武"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/70/vw_thumb.gif"></a></li>
        <li title="爱心专递"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/c9/axcd_thumb.gif"></a></li>
        <li title="奥特曼"><a onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/bc/otm_thumb.gif"></a></li>
      </ul>
      <div class="clearit"></div>
    </div>
    <div class="magic_list">
      <ul>
        <li title="生气"><a class="face_box" onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/miniblog2style/images/common/face/ext/magic/57/angry.gif"></a><a onclick="return false;" href="#" class="play_btn" title="表情预览"></a><span class="face_box_tex">生气</span></li>
        <li title="嗯嗯"><a class="face_box" onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/miniblog2style/images/common/face/ext/magic/d7/en.gif"></a><a onclick="return false;" href="#" class="play_btn" title="表情预览"></a><span class="face_box_tex">嗯嗯</span></li>
        <li title="抓狂"><a class="face_box" onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/miniblog2style/images/common/face/ext/magic/4d/crazy.gif"></a><a onclick="return false;" href="#" class="play_btn" title="表情预览"></a><span class="face_box_tex">抓狂</span></li>
        <li title="大哭"><a class="face_box" onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/miniblog2style/images/common/face/ext/magic/af/cry.gif"></a><a onclick="return false;" href="#" class="play_btn" title="表情预览"></a><span class="face_box_tex">大哭</span></li>
        <li title="生日祝福"><a class="face_box" onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/magic/f6/5srkl.gif"></a><a onclick="return false;" href="#" class="play_btn" title="表情预览"></a><span class="face_box_tex">生日祝福</span></li>
        <li title="KISS"><a class="face_box" onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/magic/2a/5kiss.gif"></a><a onclick="return false;" href="#" class="play_btn" title="表情预览"></a><span class="face_box_tex">KISS</span></li>
        <li title="愤怒之掷"><a class="face_box" onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/magic/09/5fnzz.gif"></a><a onclick="return false;" href="#" class="play_btn" title="表情预览"></a><span class="face_box_tex">愤怒之掷</span></li>
        <li title="yeah"><a class="face_box" onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/magic/47/4yeah.gif"></a><a onclick="return false;" href="#" class="play_btn" title="表情预览"></a><span class="face_box_tex">yeah</span></li>
        <li title="心动"><a class="face_box" onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/magic/0d/4xd.gif"></a><a onclick="return false;" href="#" class="play_btn" title="表情预览"></a><span class="face_box_tex">心动</span></li>
        <li title="怒"><a class="face_box" onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/magic/b5/4n.gif"></a><a onclick="return false;" href="#" class="play_btn" title="表情预览"></a><span class="face_box_tex">怒</span></li>
        <li title="搞笑"><a class="face_box" onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/magic/cd/4gx.gif"></a><a onclick="return false;" href="#" class="play_btn" title="表情预览"></a><span class="face_box_tex">搞笑</span></li>
        <li title="感动"><a class="face_box" onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/magic/5c/4gd.gif"></a><a onclick="return false;" href="#" class="play_btn" title="表情预览"></a><span class="face_box_tex">感动</span></li>
        <li title="猪"><a class="face_box" onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/magic/7f/3z.gif"></a><a onclick="return false;" href="#" class="play_btn" title="表情预览"></a><span class="face_box_tex">猪</span></li>
        <li title="时尚生活"><a class="face_box" onclick="return false;" href="#"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/magic/48/2sssh.gif"></a><a onclick="return false;" href="#" class="play_btn" title="表情预览"></a><span class="face_box_tex">时尚生活</span></li>
      </ul>
      <div class="clearit"></div>
    </div>
    <div class="magicB">
      <div style="" class="magic_tit">点击<em class="play_btn2"></em>预览魔法动画</div>
      <div class="pages" style=""><a onclick="return false;" href="#" class="cur">1</a><a onclick="return false;" href="#">2</a></div>
    </div>
  </div>
</div>
</div>



<textarea name="textarea" id="span_debug" cols="60" rows="10"></textarea>
<p style="margin:20px 0;">&nbsp;</p>
</body>
</html>
